const ListItem = ({ v }) => {
  return (
    <dl
      className="list-item"
      style={{
        display: "flex",
        padding: 10,
        borderBottom: "1px solid #ccc",
        justifyContent: "space-around",
      }}
    >
      <dt>
        {v.start}-{v.end}
      </dt>
      <dd>
        <div>{v.isSpeed ? "高铁" : "动车"}</div>
        <div>{v.isSeat ? "有座" : "无座"}</div>
      </dd>
      <dd>
        <div>商务座：{v.tick.vip}</div>
        <div>一等座：{v.tick.firstTick}</div>
        <div>二等座{v.tick.secondTick}</div>
      </dd>
    </dl>
  );
};

export default ListItem;
